<!--
在 Vue 3 中，安装和使用插件的过程相对简单。以下是关于 Vue 3 插件安装和使用的说明总结：
  1. 插件的定义
  插件是一个可以为 Vue 添加全局功能的对象。插件可以是一个函数，也可以是一个对象，通常包含一个  `install`  方法。
  2. 插件的安装
  要安装插件，通常需要在 Vue 应用实例创建之前进行。可以使用  `app.use()`  方法来安装插件。
  import { createApp } from 'vue';
  import App from './App.vue';
  import MyPlugin from './my-plugin'; // 导入插件

  const app = createApp(App);
  app.use(MyPlugin); // 安装插件
  app.mount('#app');
  3. 插件的结构
  一个插件的基本结构通常包括：
  - install 方法：该方法接受 Vue 构造器作为参数，通常还可以接受选项参数。
  - 功能扩展：在  `install`  方法中，可以扩展 Vue 的功能，例如添加全局组件、指令等。

  插件示例：
  export default {
    install(app, options) {
      // 添加全局组件
      app.component('MyComponent', {
        template: '<div>A custom component!</div>'
      });

      // 添加全局方法
      app.config.globalProperties.$myMethod = () => {
        console.log('This is a global method!');
      };
    }
  };
  4. 使用插件
  安装插件后，可以在 Vue 组件中使用插件提供的功能。例如，使用全局组件或调用全局方法。
  vue
  <template>
    <div>
      <MyComponent />  使用全局组件
      <button @click="$myMethod()">Call Global Method</button>  调用全局方法
    </div>
  </template>
  5. 插件的选项
  在安装插件时，可以传递选项参数，这样插件可以根据这些选项进行配置。
  示例：
  app.use(MyPlugin, { someOption: true });
  总结
  在 Vue 3 中，插件的安装和使用非常灵活和方便。通过  `app.use()`  方法，可以轻松地将插件集成到应用中，并通过  `install`  方法扩展 Vue 的功能。插件可以帮助开发者构建更具可复用性的代码，提高开发效率。 
-->
<template>
  <div class="app">app</div>
</template>

<script setup>
import {} from "vue"
</script>

<style lang="scss" scoped></style>
